
@import "color";
@import "public";

.com_title{
    font-size: 18px;
    color: $title-color;
    font-weight: bold;
    margin-bottom: 30px;
}
.cz_num{
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    .remaining{
        color: $text-color;
        font-size: 16px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
        .remaining_num{
            font-size: 24px;
            color: #ff6600;
            font-weight: bold;
            margin-left: 10px;
        }
        .remaining_info{
            font-size: 14px;
            color: $info-color;
            margin-left: 10px;
        }
    }
    .buy_order{
        margin-top: 30px;
        color: $text-color;
        span{
            margin-left: 30px;
            color: #f36701
        }
    }
    .layui-form-label{
        width: 70px;
        padding: 9px 0;
        text-align: left
    }
    .info_box{
        width: 60%;
        margin: 30px 0 0 0;
        padding:20px;
        border: 1px solid #ececec;
        border-radius: 5px;
        background: #fafafa;
        .title{
            color: $text-color;
        }
        li{
            color: $info-color;
            margin-top: 25px;
        }
    }
    .choose_agree{
        margin: 50px 0 0 0;
        float: left;
        .layui-input-inline{
            width: 20px;
        }
    }
    .agree_text{
        float: left;
        display: block;
        margin-top: 50px;
        a{
            color: $theme-color
        }
    }
    .agree_btn{
        margin: 30px 0 0 0;
    }
    .right_title{
        padding-left: 20px;
        font-size: 16px;
        color: $title2-color;
        position: relative;
    }
    .right_title::after{
        position: absolute;
        content: '';
        top: 3px;
        left: 0;
        width: 3px;
        height: 16px;
        background: $theme-color;
    }
}

.fp_tabs{
    .layui-tab-title{
        border: none;
        .fp_tabs_li{
            width: 120px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-radius: 20px;
            color: $text-color;
            font-size: 16px;
            border: 1px solid #ddd;
            margin-right: 20px;
        }
         .layui-this:after{
             border: none
         }
         .fp_tabs_li_active{
             background: #4d7cfe;
             color: #fff
         }
    }

}
.my_tabs_con{
    margin-top:30px;
    padding: 0!important;
    .my_tabs_con1{
        .fp_info{
            padding:15px 30px;
            border: dotted 1px $theme-color;
            background: #fff;
            border-radius: 5px;
            p{
                font-size: 14px;
                color: $info-color;
                line-height: 2.5;
            }
        }
        .fp_order{
            margin-top: 30px;
            padding: 30px;
            background: #fff;
            border-radius: 5px;
            .jg{
                width: 15px;
                color: $info-color;
                padding-top: 8px;
            }
            .fp_rusult{
                height: 80px;
                line-height: 80px;
                border-bottom: 1px solid #ddd;
                font-size: 16px;
                color: $btitle-color;
                margin-top: -20px;
                span{
                    color: #f36701
                }
            }
            .layui-table {
                margin-top: 32px!important;
                thead{
                    tr{
                        th{
                            font-size: 16px!important;
                            padding: 14px 19px;
                            color: $title2-color!important
                        }
                    }
                }
                tbody{
                    tr{
                        td{
                            a{
                                color: $theme-color
                            }
                        }
                    }
                }
            }
            .fp_rusult_con{
                color: $text-color;
                font-size: 16px;
                margin-top: 20px;
            }
        }
        .write_fp{
            margin: 30px 0;
            color: $btitle-color;
            font-size: 16px;
            font-weight: bold
        }
    }
}
.write_form{
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    .layui-form{
        .ns_info{
            font-size: 14px;
            color: $info-color;
            margin-bottom: 20px;
            margin-left: 15px;
        }
        .layui-form-item{
            .layui-form-label{
                width: 150px!important;
                text-align: left!important
            }
        }
    }
}
.pt_market_tabs {
    width: 450px;
    margin: 40px auto;
    .pt_market_tabs_ul {
        display: flex;
        justify-content: space-between;
        .pt_market_tabs_li {
            width: 150px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background: #fafafa;
            color: #a3afb7;
            cursor: pointer;
        }

        .layui_l {
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
        }

        .layui_r {
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
        }

        .layui_this {
            background: $theme-color;
            color: #fff
        }
    }
}
.tabs_content{
    width: 500px;
    margin: 30px auto 0;
    .center_box{
        display: none;
        .qrcode_box{
            width: 200px;
            text-align: center;
            margin: 0 auto;
            img{
                width: 200px;
                height: 200px;
            }
            p{
                font-size: 14px;
                color: $theme-color;
                margin-top: 20px;
            }
        }
        .bank_pay{
            text-align: left;
            width: 400px;
            margin: 0 auto;
            padding-left: 150px;
            .title{
                font-size: 14px;
                color: $title2-color;
                font-weight: bold
            }
            .order_info{
                font-size: 14px;
                color: $text-color;
                margin-top: 25px;
                line-height: 1.8;
            }
        }
    }
}
.pop{
    @include pop_window(400px,673px);
    display: none;
    .top{
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        background: #42b2f8;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        font-size: 16px;
    }
    .pop_body{
        padding: 30px 20px;
        background: #fff;
        .title{
            color: $title2-color;
            text-align: center;
            font-weight: bold;
            font-size: 16px
        }
        .layui-form-item{
            margin-top: 25px;
            .layui-form-label{
                padding: 9px 0;
                width: 100px;
            }
            .layui-input-inline{
                width: 250px
            }
        }
        .pop_btn{
            width: 220px;
            margin: 30px auto 0;
            display: flex;
            justify-content: space-between
        }
    }
}